.login-page {
    width: 100%;
    height: 100%;
    background: url(@/assets/imgs/login/bg-login.png) no-repeat;
    background-size: 100% 100%;
    .login-box {
      position: absolute;
      top: 40%;
      right: 10%;
      transform: translateY(-50%);
      background-color: rgba(255, 255, 255, 0.3);
      border-radius: 10px;
      width: 350px;
      padding: 25px;
      .login-title {
        padding: 10px 16px;
        font-weight: bold;
        text-align: center;
        font-size: 20px;
        color: var(--wf-color-red);
        margin-bottom: 10px;
      }
      .login-item {
        width: 100%;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 10px;
        margin-bottom: 15px;
        background: rgba(255, 255, 255, 0.5);
        i {
          margin: 0 5px;
        }
        input {
          flex: 1;
          text-align: left;
          height: 100%;
          width: 100%;
          padding-left: 5px;
          border: none;
        }
      }
      .assist-btns {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: var(--wf-color-red);
        font-size: var(--wf-font-size);
        padding: 0 16px;
        margin: 5px 0px;
      }
      .btn-login {
        text-align: center;
        color: var(--wf-color-white);
        width: 100%;
        background: var(--wf-color-red);
        border-radius: 30px;
        padding: 10px 15px;
        margin: 15px auto;
      }
    }
  }